<!--
  描述：...
  作者：...
  日期：...
-->
#set(jstree = false)
#set(webuploader = false)
#set(wangeditor = false)
#set(echarts = false)
#set(bootstraptable = true)

#@mgtlayout()
#define main()
<div class="wrapper">
    <div class="profile container " style="margin-top: 0px">
        <div class="row">
            <div>
                <div class="profile-body">
                    <div class="row margin-bottom-40">
                        <div class="col-sm-6 sm-margin-bottom-20">
                            <div class="panel panel-profile no-bg">
                                <div class="panel-heading overflow-h" id="block">
                                    <h2 class="panel-title heading-sm pull-left"><i class="fa fa-cubes"
                                                                                    style="margin-right: 5px;"></i>Blocks
                                    </h2>
                                    <ul class="wrapper">
                                        <li class="tab-item active"><a href="#"
                                                                       class="btn waves-effect waves-light btn-effective pull-right">View
                                            Effective</a></li>
                                        <li class="tab-item"><a href="#"
                                                                class="btn waves-effect waves-light btn-all pull-right"
                                                                style="margin-right: 1em">View All</a></li>
                                    </ul>
                                </div>
                                <div id="scrollbar2" class="panel-body no-padding mCustomScrollbar"
                                     style="height: 580px">
                                    <ul class="products">
                                        <li class="main selected">
                                            #for( x : blocks )
                                            <div class="profile-event">
                                                <div class="date-formats"
                                                     style='width: 135px; height: 65px; margin-top:2px'><span>Block #(x.attrib_17)</span>
                                                    <small>&gt; #(x.attrib_01)</small>
                                                </div>
                                                <div class="overflow-h">
                                                    <a href='#' class='address-tag'></a>
                                                    </p>
                                                    <p>
                                                        <a href="#" title="Transactions in this Block"><b>#(x.attrib_18)
                                                            txns</b></a> in 1 secs</p>
                                                    <p> Block Reward <b>.</b></p>
                                                </div>
                                            </div>
                                            #end
                                        </li>
                                        <li class="main">
                                            <p>切换了</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="panel panel-profile no-bg">
                                <div class="panel-heading overflow-h">
                                    <h2 class="panel-title heading-sm pull-left"><i class="fa fa-list-alt"
                                                                                    style="margin-right: 5px;"></i>Transactions
                                    </h2>
                                    <span style="color: #999999; font-size: 11px; margin-bottom: -20px; padding-bottom: 0px;"></span>
                                    <ul class="wrapper1">
                                        <li class="tab-block active"><a href="#"
                                                                        class="btn waves-effect waves-light btn-effective pull-right">View
                                            Effective</a></li>
                                        <li class="tab-block"><a href="#"
                                                                 class="btn waves-effect waves-light btn-all pull-right"
                                                                 style="margin-right: 1em">View All</a></li>
                                    </ul>
                                </div>
                                <div id="scrollbar" class="panel-body no-padding mCustomScrollbar"
                                     data-mcs-theme="minimal-dark" style="height: 580px">
                                    <ul class="products1">
                                        <li class="main1 selected">

                                            #for(x : trans)
                                            <div class="accordion-desc">
                                                <div class="modle">#(x.attrib_06)</div>
                                                <div class="profile-post import"><span class="profile-post-numb"><i
                                                        class="fa fa-cog fa-spin"></i></span>
                                                    <div class="profile-post-in">
                                                        <h3 class="heading-xs">TX# <a href="/sysadmin/block/transDetail/#(x.attrib_01)"
                                                                class="hash-tag-frontpage"
                                                                title="Transaction Hash"><font color="#3498db"><span
                                                                data-r-opts-tag="{'id':#(x.attrib_60)}">#(x.attrib_01)</span></font></a><span
                                                                class="pull-right" style="font-size: small">&gt; #(x.attrib_13) &nbsp;</span>
                                                        </h3>
                                                        <p>From
                                                            <a href="#" class="address-tag">#(x.attrib_03)</a>
                                                            To
                                                            <a href="#" class="address-tag">#(x.attrib_04)</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="translist">
                                                #for(y : x.modeltrans)
                                                <div class="profile-post #(['color-one','color-two','color-three','color-four','color-five','color-six','color-seven'][for.index%7])">
                                                    <span class="profile-post-numb"><i
                                                            class="far fa #(['one','two','three','four','five','six','seven'][for.index%7]) fa-link fa-spin"></i></span>
                                                    <div class="profile-post-in">
                                                        <h3 class="heading-xs">TX# <a
                                                                href=/sysadmin/block/transDetail/#(y.attrib_01)
                                                                class='hash-tag-frontpage'
                                                                title="Transaction Hash"><font color='#3498db'><span
                                                                data-r-opts-tag="{'id':#(y.attrib_01)}">#(y.attrib_01)</span></font></a><span
                                                                class="pull-right" style="font-size: small">&gt; #(y.attrib_13) &nbsp;</span>
                                                        </h3>
                                                        <p>From
                                                            <a href='#' class='address-tag'>#(y.attrib_03)</a> To
                                                            <a href='#' class='address-tag'>#(y.attrib_04)</a>
                                                        </p>
                                                        <p class="detail #(['one','two','three','four','five','six','seven'][for.index%7])">
                                                            #(y.attrib_06) </p>
                                                    </div>
                                                </div>
                                                #end
                                            </div>

                                            #end
                                        </li>
                                        <li class="main1">
                                            <p>切换了</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
#end

#define window()
<div id="wndEdit"></div>
#end
<style>
    .overflow-h {
        overflow: hidden;
    }

    h3.heading-xs {
        font-size: 14px;
        margin-bottom: 0;
    }

    .btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
        background: #18a689;
    }

    .sm-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .no-padding {
        padding: 0 !important;
    }

    @media (max-width: 480px) {
        .hidden-su-xs {
            display: none !important;
        }
    }

    @media (min-width: 481px) {
        .visible-su-xs {
            display: none;
        }
    }

    .accordion-desc {
        background-color: #18a689;
        z-index: 2;
        padding: 5px 10px;
        margin-bottom: 5px;
    }

    .modle {
        font-size: 22px;
        font-weight: bold;
        line-height: 35px;
        color: #eee;
    }

    .fa.one, .detail.one {
        color: #18a689
    }

    .fa.two, .detail.two {
        color: #3498db
    }

    .fa.three, .detail.three {
        color: #01c0c8
    }

    .fa.four, .detail.four {
        color: #9b6bcc
    }

    .fa.five, .detail.five {
        color: #555
    }

    .fa.six, .detail.six {
        color: #f1c40f
    }

    .fa.seven, .detail.seven {
        color: #27d7e7
    }

    .products .main {
        display: none;
    }

    .products .main.selected {
        display: block;
    }

    .products1 .main1 {
        display: none;
    }

    .products1 .main1.selected {
        display: block;
    }
</style>

#define css()
#(yx.css("/content/pc/sysmgt/block/custom-head-foot-scroll-blue.css"))
#(yx.css("/content/pc/sysmgt/block/perfect-scrollbar.css"))
#(yx.css("/content/pc/sysmgt/block/profile.css"))
#(yx.css("/content/pc/sysmgt/block/style-mod.css"))
#(yx.css("/content/pc/sysmgt/block/waves.css"))
#end

#define js()
#(yx.js("/script/pc/sysmgt/block/modelbrowser.js"))
#(yx.js("/script/pc/sysmgt/block/browser.js"))
#(yx.js("/script/pc/sysmgt/block/combine-js-bottom.js"))
#(yx.js("/script/pc/sysmgt/block/waves.js"))
#end